<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/css/marketNav/marketNav.css">
    
    <title>Document</title>
</head>
<body>
    <!-- 整体布局 -->
    <div class="layout">
        <!-- 顶部 -->
        <header class="mmb_header">
            <h3>
                <a href="/index.html" class="glyphicon glyphicon-chevron-left"></a>
                商城导航
            </h3>
            <div>
                <a href="javascript:void(0)">
                    <img src="/images/header_app.png" alt="">
                </a>
            </div>
        </header>
        <!-- 商城导航内容 -->
        <div class="marketNav">
            <!-- <a href="javascript:;"><span><img src="http://misc.manmanbuy.com/images/hzweb/360.png"> 京东商城</span></a>
            <a href="javascript:;"><span><img src="http://misc.manmanbuy.com/images/hzweb/dangdang.png"> 当当</span></a>
            <a href="javascript:;"><span><img src="http://cuimg.zuyushop.com/newindexpic/mall/suningsmall.gif"> 苏宁易购</span></a>
            <a href="javascript:;"><span><img src="http://b1bj.com/images/sitelogo/8.png"> 国美在线</span></a>
            <a href="javascript:;"><span><img src="http://misc.manmanbuy.com/images/hzweb/newegg.png"> 新蛋网</span></a>
            <a href="javascript:;"><span><img src="http://misc.manmanbuy.com/images/hzweb/yixun.png">易迅网</span></a>
            <a href="javascript:;"><span><img src="http://misc.manmanbuy.com/images/hzweb/1hao.png"> 1号店</span></a> -->
        </div>
        <!-- 商城导航的模板引擎 -->
        <script type="text/template" id="marketNavTemp">
            {{each data as value index}}
                <a href="{{value.navHref}}"><span><img src="{{value.navImg}}">&nbsp;&nbsp;&nbsp;{{value.navTitle}}</span></a>
            {{/each}}
        </script>
        <!-- 底部通用结构 -->
        <div id="foot">
            <div class="foot_top">
                <a href="javascript:;">登录</a> <a href="javascript:;">注册</a>
                <a href="#" style="width: 40%; border: 0;">
                    <img src="/images/top.jpg" />返回顶部
                </a>
            </div>
            <div class="footer">
                <p>
                    <a href="javascript:;" onclick="trackEvent('footer下载');" style="color: Red;">手机APP下载
                    </a>
                    <a href="javascript:;">慢慢买手机版</a> -- 掌上比价平台
                </p>
                <p>m.manmanbuy.com</p>
            </div>
        </div>
        
    </div>
    <script src="/lib/jquery/jquery.js"></script>
    <script src="/lib/bootstrap/js/bootstrap.js"></script>
    <script src="/js/template.js"></script>
    <script src="/js/marketNav.js"></script>
</body>
</html>